import React from 'react';
import './style.less';

export default ({data}) => (
  <ul>
    {
      data.map(item =>
        <li key={item.id}>
          <img src={item.avatar} alt="img"/>
          <h3>{item.name}
            <small>{item.distance}m</small>
          </h3>
          <h4>{item.desc}</h4>
          <h5>¥{item.price}
            <small>已售{item.sales}</small>
          </h5>
        </li>)
    }
  </ul>
)
